*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:#000;color:#0f0;font-family:'Space Mono',monospace;display:grid;place-items:center;padding:1rem;animation:scanlines 5s linear infinite}main{position:relative;max-width:500px;width:100%;padding:2rem;border:2px solid #0f0;border-radius:8px;box-shadow:0 0 15px 5px rgba(0,255,0,0.2),inset 0 0 10px 2px rgba(0,255,0,0.1);text-align:center;background:rgba(0,15,0,0.3);animation:fadeIn 1s ease-out}h1{font-weight:700;font-size:clamp(1.25rem,4vw,1.75rem);margin-bottom:.75rem;line-height:1.2;text-shadow:0 0 5px #0f0}main p{font-weight:400;font-size:clamp(0.9rem,2.5vw,1.1rem);color:rgba(0,255,0,0.8);margin-bottom:1.5rem}.c{position:absolute;background:#0f0;box-shadow:0 0 3px #0f0}.c1{top:0;left:0;width:24px;height:2px}.c2{top:0;left:0;width:2px;height:24px}.c3{top:0;right:0;width:24px;height:2px}.c4{top:0;right:0;width:2px;height:24px}.c5{bottom:0;left:0;width:24px;height:2px}.c6{bottom:0;left:0;width:2px;height:24px}.c7{bottom:0;right:0;width:24px;height:2px}.c8{bottom:0;right:0;width:2px;height:24px}.cta{display:inline-block;width:100%;padding:.75rem 1rem;background:transparent;border:2px solid #0f0;border-radius:6px;color:#0f0;text-decoration:none;font-size:1rem;font-weight:700;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.cta:hover,.cta:focus{background:rgba(0,255,0,0.1);color:#fff;outline:none;box-shadow:0 0 10px #0f0}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scanlines{0%{background:linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,10,0,0.8) 50%,rgba(0,0,0,1) 100%),linear-gradient(to bottom,rgba(18,16,16,0) 0,rgba(0,255,0,0.1) 100%);background-size:100% 3px}100%{background:linear-gradient(to bottom,rgba(0,0,0,1) 0,rgba(0,10,0,0.8) 50%,rgba(0,0,0,1) 100%),linear-gradient(to bottom,rgba(18,16,16,0) 0,rgba(0,255,0,0.1) 100%);background-size:100% 3px;background-position:0 50px}}